<%@ Page Language="C#" MasterPageFile="~/pages/MasterPage.master" AutoEventWireup="true" CodeFile="TourBooking.aspx.cs" Inherits="pages_TourBooking" Title="Untitled Page" %>

<%@ Register Src="PersonalInfoControl.ascx" TagName="PersonalInfoControl" TagPrefix="uc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="headHolder" Runat="Server">
<link rel="stylesheet" type="text/css" href="../scripts/jQuery/themes/ui-lightness/jquery.ui.all.css" />
    <script src="../scripts/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function() {
		$("#<%=txtDepartureDate.ClientID %>" ).datepicker();
	    });
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="bodyHoder" Runat="Server">
    <h4>Tour booking</h4>
    <hr />
    <span class="v_padding10"></span>
   <span style="display:block;margin-left:130px;">Please input below form. All fields with (*) are required.</span>    
   <asp:Label ID="lblMessage" runat="server" Text=""></asp:Label>
    <uc1:PersonalInfoControl  ID="uctPersonInfo" runat="server"  />
    <br />
    <table class="form_table" style="margin-left:110px;">
        <tr>
            <td style="width: 125px; height: 18px">
                <asp:Label ID="Label1" runat="server" Text="Tour package:"></asp:Label></td>
            <td style="width: 204px; height: 18px">
                <asp:Label ID="lblTourName" runat="server" Font-Bold="True"></asp:Label></td>
            <td style="width: 100px; height: 18px">
            </td>
        </tr>
        <tr>
            <td style="width: 125px">
                <asp:Label ID="lPrice" runat="server" Text="Price:"></asp:Label></td>
            <td style="width: 204px">
                <asp:Label ID="lblPrice" runat="server" Text="lblPrice"></asp:Label></td>
            <td style="width: 100px">
            </td>
        </tr>
        <tr>
            <td style="width: 125px">
                <asp:Label ID="Label3" runat="server" Text="Departure date *:"></asp:Label></td>
            <td style="width: 204px">
                <asp:TextBox ID="txtDepartureDate" runat="server"></asp:TextBox></td>
            <td style="width: 100px">
                <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtDepartureDate"
                    Display="Dynamic" ValidationGroup="A">*</asp:RequiredFieldValidator>
                <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ControlToValidate="txtDepartureDate"
                    Display="Dynamic" ErrorMessage="Invalid date value" ValidationGroup="A" ValidationExpression="\d{1,2}/\d{1,2}/\d{4}">*</asp:RegularExpressionValidator></td>
        </tr>
        <tr>
            <td style="width: 125px; height: 17px">
                <asp:Label ID="Label4" runat="server" Text="Number of guests *:"></asp:Label></td>
            <td style="width: 204px; height: 17px">
                <asp:TextBox ID="txtGuestNumber" runat="server"></asp:TextBox></td>
            <td style="width: 100px; height: 17px">
                <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="txtGuestNumber"
                    Display="Dynamic" ErrorMessage="Invalid number value" ValidationGroup="A">*</asp:RequiredFieldValidator>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="txtGuestNumber"
                    Display="Dynamic" ErrorMessage="Please specify number of guests" ValidationGroup="A">*</asp:RequiredFieldValidator></td>
        </tr>
        <tr>
            <td style="width: 125px; height: 18px">
                <asp:Label ID="Label5" runat="server" Text="Special requirements:"></asp:Label></td>
            <td style="width: 204px; height: 18px">
                <asp:TextBox ID="txtNote" runat="server" Height="68px" TextMode="MultiLine" Width="196px"></asp:TextBox></td>
            <td style="width: 100px; height: 18px">
            </td>
        </tr>
        <tr>
            <td style="width: 125px; height: 17px">
            </td>
            <td style="width: 204px; height: 17px">
                <asp:LinkButton ID="lnkAccept" runat="server" CssClass="c_button" ValidationGroup="A" OnClick="lnkAccept_Click">Accept</asp:LinkButton>
                <asp:LinkButton ID="lnkChange" runat="server" CssClass="c_button" OnClientClick="return confirm('Are you sure want to reset this form?');" OnClick="lnkChange_Click">Change</asp:LinkButton></td>
            <td style="width: 100px; height: 17px">
            </td>
        </tr>
    </table>
</asp:Content>

